import React, { Component } from 'react';
import { AlreadyBuyBox } from '../AlreadyBuy/style'
import { withRouter } from 'react-router-dom'
import { DiscoverBox } from './style'

@withRouter
class index extends Component {
  render() {
    return (
      <div>
        <AlreadyBuyBox>
          <div className="top">
            <ul>
              <li><a>&nbsp;</a></li>
              <li><a>发现</a></li>
              <li onClick={() => {
                this.props.history.push('/search')
              }}><a >搜索</a></li>
            </ul>
          </div>
        </AlreadyBuyBox>
        <DiscoverBox>
          <h3>下午好，您想听点什么</h3>
          <p>每天30分钟，精品优质实务全掌握~</p>
          <div className="analyse">
            <h4>财务分析</h4>
            <ul>
              <li>
                <a>1.1税法的起源与发展</a>
              </li>
              <li>
                <a>1.2税法与会计准则的区别与联系</a>
              </li>
              <li>
                <a>1.3税务会计与财务会计的关系</a>
              </li>
              <li>
                <a>1.4税务会计账目设置及凭证编制</a>
              </li>
            </ul>
            <div className="play">
              <p>立即播放</p>
            </div>
          </div>
          1/4
        </DiscoverBox>
      </div>
    );
  }
}

export default index;
